{% extends "base2.html" %}

{% block content %}
		<div class="room_image">
		{% if room.get_image %}
		<img src="images/{{room.get_image}}"/>
		{% endif %}
		</div>
		
		
		<div id="rightList">
			<div class="room_description">
			<p class="blurry" id="description">Description</p>
			<p class="blurry">{{room.get_description}}</p>
			</div>
			
			<div class="room_inventory">
			{% if room.inventory %}
			<p id="seeStuff">You see some stuff in this room:</p>
			<form action="{{this_page}}" method="post">
			{% for item in room.inventory.values %}
			<div><input type="checkbox" name="room_inventory" value="{{item.get_id}}"/>{{item.get_description}}</div>
			{% endfor %}
			<div><input id="takeItem" type="submit" name="inventory" value="Take item(s)"/></div>
			</form>
			{% else %}
			<p class="blurry">You don't see anything interesting lying around.</p>
			{% endif %}
			</div>
			
			<div class="player_inventory">
			<p id="urInventory">Your inventory:</p>
			{% if player.inventory %}
			<form action="{{this_page}}" method="post">
			{% for item in player.inventory.values %}
			<div>
			<input type="checkbox" name="player_inventory" value="{{item.get_id}}"/>{{item.get_description}}</div>
			{% endfor %}
			<div>
			<input class="blurry" type="submit" name="inventory" value="Drop item(s)"/></div>
			</form>
			{% else %}
			<p>You are not carrying anything.</p>
			{% endif %}
			</div>
			
		</div>
		
		<div id="leftList">
			{% if cutscene %}
			<div class="cutscene">
			<p>{{cutscene}}</p>
			</div>			
			{% endif %}
			
			<div class="actions">
			<p class="blurry">Things you can do:</p>
			{% for action in menu.actions.values %}
			<div class="action_form">
			<form action="{{this_page}}" method="{{action.get_method}}">
			      <input type="hidden" name="action_name" value="{{action.get_id}}" />
			      <input class="actionButton" type="submit" name="action" value="{{action.get_description}}"/>
			</form>
			</div>
			{% endfor %}
			</div>
		</div>
{% endblock content %}
